import styles from './index.module.css'

// 选择城市


// 中国的几个城市
const ChinaCitys=[
    {
        label: '北京',
        value: 'Beijing'
    },
    {
        label: '上海',
        value: 'Shanghai'
    },
    {
        label: '广州',
        value: 'Guangzhou'
    },
    {
        label: '杭州',
        value: 'Hangzhou'
    },
]

// city: 当前选择的城市, onChange: 城市改变后的回调方法
export default ({city, onChange})=>{

    return (
        <>
            <select className={styles['select']} value={city} onChange={(ev)=>{
                onChange&&onChange(ev.target.value)
            }} >
                {
                    ChinaCitys.map(({label, value}, index)=>(
                        <option key={index} value={value} >{label}</option>
                    ))
                }
            </select>
        </>
    )
}